<template>
  <div class="tasklist">
    <div class="tabs-box">
<!--       <div
        class="tabs"
        @click="goTaskLobby(item.id,item.task_rank_name)"
        v-for="(item,index) in list"
        :key="index"
      >
        <div>
          <img
            src="../../assets/images/300.png"
            alt=""
            v-if="index == 1"
          >
          <img
            src="../../assets/images/301.png"
            alt=""
            v-if="index == 2"
          >
          <img
            src="../../assets/images/302.png"
            alt=""
            v-if="index == 0"
          >
          <span>{{item.task_title}}</span>
        </div>
        <div><i class="icon iconfont icon-xiangyou"></i></div>
      </div> -->
      <div
        class="tabs"
        @click="goTaskLobby()"
      >
        <div>
          <img
            src="../../assets/images/300.png"
            alt=""
          >
          <span>微信任务</span>
        </div>
        <div><i class="icon iconfont icon-xiangyou"></i></div>
      </div>
    </div>
  </div>
</template>
<script>
import { taskRand } from "../../api/user";
export default {
  data() {
    return {
      list: [],
      listParameter:{
        pageno:1,
        pagesize:1000
      }
    };
  },
  methods: {
    goTaskLobby() {
      this.$router.push({
        path: "/tasklobby",
      });
    },
  },
  created() {
  }
};
</script>
<style lang="scss">
.tasklist {
  width: 100%;
  padding-bottom: 48px;
  background-color: #f5f5f5;
  header {
    color: #fff;
  }
  .tabs-box {
    width: 100%;
    .tabs {
      margin-top: 10px;
      width: 100%;
      height: 48px;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      padding: 0 15px;
      background-color: #fff;
      border-bottom: 1px solid #eee;
      img {
        width: 25px;
        vertical-align: middle;
      }
      span {
        padding-left: 10px;
        font-size: 16px;
        vertical-align: middle;
      }
      i {
        vertical-align: middle;
        margin-left: 10px;
        font-size: 16px;
      }
      .num {
        color: #f44;
      }
    }
  }
}
</style>


